/**
  * Musashi - A project manager for music groups and bands
  * Copyright (C) 2010 Daniel Torres
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License as published by
  * the Free Software Foundation, either version 3 of the License, or
  * (at your option) any later version.
  *
  * This program is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  * GNU General Public License for more details.
  *
  * You should have received a copy of the GNU General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  *
  */

/* -------------------------------------------------------------------------- */
/* Costume selection area                                                     */
/* -------------------------------------------------------------------------- */

#costume-panel
{
    overflow:hidden;
    margin:3em 0 1em 0;
    padding-left:0;
    padding-bottom:2em;
}

#costume-panel h2 { font-size:15px; font-family:arial, sans-serif; font-weight:bold; color:#000; margin:10px 0 0 0; line-height:1;}
#costume-panel h3 { font-size:12px; font-family:arial, sans-serif; font-weight:normal; color:#666666; margin:0; text-align:left; line-height:1.5em;}
#costume-panel h4 { font-size:12px; font-family:arial, sans-serif; font-weight:bold; color:#000; margin:8px 5px 5px; text-align:left; line-height:1.5em; border-bottom:1px solid #cacaca; width:90%; }
#costume-panel h5 { font-size:12px; font-family:arial, sans-serif; font-weight:bold; color:#666666; margin:0; text-align:left; line-height:0.6;}
#costume-panel h6 { font-size:12px; font-family:arial, sans-serif; font-weight:normal; font-style:italic; color:#666666; margin:5px 0 0 0; text-align:left; } 


/* -------------------------------------------------------------------------- */
/* My costumes                                                                */
/* -------------------------------------------------------------------------- */

#costume-panel .my-costumes
{
    background: white;
    border: 1px solid #CACACA;
    float: left;
    height: 482px;
    margin-left: 1em;
    padding: 0px 0px 0px 2em;
    width: 43%;
    
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}

.costume-list
{
    margin-top:1em;
    width:90%;
    height:400px;
    overflow:auto;
    border:1px dashed #cacaca;
}

.costume-selector
{
    margin-top:1em;
    width:94%;
    /* Set to 152px if you are displaying both the pieces and the sets */     
    height:403px;
    overflow:auto;
}

.list-costumes 
{
    margin-top:1em;
    width:90%;
}


.button-costumes
{
    margin-top:1em;
    width:90%;
}

#costumes-drop-target .user-item
{
    float:left;
    position:relative;
    width:96%
}

#costumes-drop-target h5
{
    font-size:12px;
    font-family:arial, sans-serif;
    font-weight:bold;
    color:gray;
    margin:3px 0 3px 20px;
    text-align:left;
    line-height:1;
    border:0;
    float:left;
    width:auto;
}

#costumes-drop-target a
{
    font-weight:normal;
    text-decoration:none;
    color:#009ACA;
    float:right;
    margin:2px 13px 0;
}
/* -------------------------------------------------------------------------- */
/* The group's costumes                                                       */
/* -------------------------------------------------------------------------- */

#costume-panel .group-costumes
{
    float:right;
    width:47%;
}

/* -------------------------------------------------------------------------- */
/* The group's costumes: Pieces                                               */
/* -------------------------------------------------------------------------- */

#costume-panel .group-parts
{
    background: white;
    border: 1px solid #CACACA;
    padding:1em 0 1em 2em;
    
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;    
}

#parts .costume-item
{
    margin: 4px 0px 0px 5px;
    padding: 5px;
    width: 85%;
    cursor:move;
}

/* -------------------------------------------------------------------------- */
/* The group's costumes: Sets                                                 */
/* -------------------------------------------------------------------------- */

#costume-panel .group-sets
{
    background: white;
    border: 1px solid #CACACA;
    padding:1em 0 1em 2em;
    margin-top:1.5em;
    
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;    
}

#sets .costume-item
{
    border-left:5px solid #cacaca;
    border-right:5px solid #cacaca;
    border-top:1px solid #cacaca;
    border-bottom:1px solid #cacaca;
    margin: 4px 0px 0px 15px;
    padding: 5px;
    width: 80%;
    cursor:move;
}

/*
html, body
{
 margin:0;
 padding:0;
 font-family: Verdana, Arial, Helvetica, sans-serif;    
}

div.container
{
    
}

div.title
{
    font-weight: bold;
    font-size: 16px;
    text-align:right;
    padding:.5em;
    color:black;
}

div.subtitle
{
    font-weight:normal;
    font-size:12px;
    text-align:right;
    border-top: 1px solid gray;
    border-bottom:1px solid gray;
    color:gray;
    padding:.5em;
    margin-bottom:3em;
    
}

div.description
{
    font-weight:normal;
    font-size:10px;
    text-align:left;
    color:gray;
}

div.costume-selector
{
    width:99%;
    margin:5px auto;
    border:1px solid gray;    
}

div.costume-selector h1
{
    margin:0;
    padding:0 0 .5em 0;
    color:black;    
}

div.costumes-ours
{
    float:left;
    width:300px;
    margin:0;
    padding:1em;
}

div.costume-sets
{
    margin-top:1em;
    padding-top:0.5em;
    border-top:1px solid black;
}

.costumes-submit
{
    margin:0;
    padding:0.1em;
    width:100%;
    border:1px solid gray;
}

.costumes-list
{
    width:100%;
    margin-top:1em;
    margin-bottom:1em;
}

div.costumes-group
{
    margin-left:320px;
    border-left:1px solid gray;
    padding:1em;
}

div.previous-message
{
    width:auto;
    border-top:1px dotted gray;
    border-bottom:1px dotted gray;
    margin:0.1em 2em 0.1em 2em;
    padding:0.1em;
    color:black;
    text-align:center;
    
}*/


